<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./wowjs文档/css/libs/animate.css" />
    <script src="./wowjs代码/原版只能向下滚动wow.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet/less" href="./css/reset.less" />
    <link rel="stylesheet/less" href="./css/common.less" />

    <style>
      * {
        margin: 0;
        padding: 0;
      }
      img {
        width: 100%;
        display: block;
      }
      .clear {
        clear: both;
      }
      .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
      }
      nav .navbar-header a {
        margin-top: -8px;
      }
      .navbar {
        margin-bottom: 0px !important;
      }

      .carousel {
        background-color: #2b80d9;
      }
      .item-box1-bgcolor {
        background-color: #fbfaf7;
      }
      .item-box1 {
        margin-top: 107px;
      }
      .item-box1 .left .title {
        font-size: 44px;
        color: #0078d7;
        font-weight: bold;
        margin-bottom: 35px;
      }
      .item-box1 .left .subtitle {
        font-size: 30px;
        color: #666666;
        margin-bottom: 78px;
      }
      .item-box1 .left .item-box1-box {
      }
      .item-box1 .left .item-box1-box > div {
        display: flex;
      }
      .item-box1 .left .item-box1-box > div .icon {
        width: 64px;
        background-color: #0078d7;
        border-radius: 4px;
        margin-bottom: 47px;
        flex-shrink: 0;
      }
      .item-box1 .left .item-box1-box > div .desc {
        margin-left: 14px;
      }
      .item-box1 .left .item-box1-box > div .desc .desc-title {
        font-size: 18px;
        color: #333333;
        font-weight: bold;
        margin-bottom: 16px;
      }
      .item-box1 .left .item-box1-box > div .desc .desc-text {
        font-size: 13px;
      }
      .item-box1 .right {
        margin-top: 34px;
        margin-bottom: 48px;
      }
      .item-box2-bgcolor {
        background-color: white;
      }
      .item-box2 {
        margin: 0 auto;
      }
      .item-box2 .left {
        margin-top: 190px;
      }
      .item-box2 .right {
      }
      .item-box2 .right .item-box2-title {
        font-size: 37px;
        color: #8fc31f;
        margin: 117px auto 45px;
        font-weight: bold;
      }
      .item-box2 .right .item-box2-box {
        margin: 0 auto 105px;
      }
      .item-box2 .right .item-box2-box > div {
        display: flex;

        align-items: center;
        margin-bottom: 16px;
      }
      .item-box2 .right .item-box2-box > div .icon {
        width: 54px;

        background-color: #8fc31f;
        border-radius: 50%;
        margin-right: 10px;
      }
      .item-box2 .right .item-box2-box > div .text {
        font-size: 14px;
      }

      .item-box3-bgcolor {
        background-color: #0079d7;
      }
      .item-box3-bgcolor .item-box3-title {
        font-size: 47px;
        color: white;
        font-weight: bold;
        text-align: center;
        margin: 114px auto 73px;
      }
      .item-box3-bgcolor .item-box3-box {
        margin-bottom: 66px;
      }
      .item-box3-bgcolor .item-box3-box .item {
        display: flex;
        margin-bottom: 80px;
      }
      .item-box3-bgcolor .item-box3-box .item .icon {
        width: 66px;
        margin-top: 7px;
      }
      .item-box3-bgcolor .item-box3-box .item .icon > img {
        margin-left: -25px;
      }
      .item-box3-bgcolor .item-box3-box .item .desc {
        color: white;
      }
      .item-box3-bgcolor .item-box3-box .item .desc .desc-title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 17px;
      }
      .item-box3-bgcolor .item-box3-box .item .desc .desc-text {
        font-size: 14px;
      }
      .item-box4-bgcolor {
        background-color: white;
      }

      .item-box4 {
      }
      .item-box4 .item-box4-title {
        margin-bottom: 45px;
        margin-top: 86px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .item-box4 .item-box4-title .title {
        font-size: 32px;
      }
      .item-box4 .item-box4-title .more {
        font-size: 14px;
      }
      .item-box4 .content-box {
        margin-bottom: 64px;
      }
      .item-box4 .content-box .left {
        border-radius: 5px;
        margin: 0 auto;
      }
      .item-box4 .content-box .right {
        margin-top: 5px;
      }
      .item-box4 .content-box .right .item {
        margin-bottom: 2vw;
      }
      .item-box4 .content-box .right .item .game-icon {
        border-radius: 8px;
      }
      .item-box4 .content-box .right .item .game-name {
        text-align: center;
        font-size: 13px;
        margin-top: 7px;
      }
      .item-box5-bgcolor {
        background-color: #f4f4f4;
      }
      .item-box5 {
      }
      .item-box5-title {
        font-size: 29px;
        margin: 40px 0 33px;
      }
      .item-box5-title > span {
        font-size: 11px;
        color: #818181;
      }
      .item-box5-box {
        margin-bottom: 44px;
      }
      .item-box5-box .item {
        margin-bottom: 20px;
      }
      .item-box5-box .item > img {
        border: 1px solid #dddddd;
        border-radius: 3px;
      }
      .footer-bgcolor {
        background-color: #3b3b3b;
      }
      .footer {
        margin: 35px 0 37px;
      }
      .footer .left {
        font-size: 14px;
        color: #a1a3ab;
      }
      .footer .left .nav-title {
        margin-bottom: 15px;
      }
      .footer .left .copy {
        font-size: 11px;
      }
      .footer .right {
        display: flex;
        justify-content: space-evenly;
      }

      .footer .right .item:nth-child(1) {
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon01.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(3) {
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon03.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(2) {
        position: relative;
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon02.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(2) > .qr-code {
        position: absolute;
        top: -150px;
        left: -50px;
        width: 142px;
        height: 150px;
        background: url(./images/footer-QR.png) no-repeat 0px 0px;
        background-size: cover;
        display: none;
      }
      .footer .right .item:nth-child(2):hover .qr-code {
        display: block;
      }
      @media ((min-width: 992px)) {
        .item-box1 .right {
          display: block;
        }
        .item-box2 .left {
          display: block;
        }
      }
      @media ((max-width: 992px)) {
        .item-box1 .right {
          display: none;
        }
        .item-box2 .left {
          display: none;
        }
        .item-box1 .left .title {
          text-align: center;
        }
        .item-box1 .left .subtitle {
          text-align: center;
        }
        .item-box2 .right {
        }
        .footer .left {
          text-align: center;
          margin-bottom: 30px;
        }
      }
      @media ((max-width: 768px)) {
        .item-box1 .left .item-box1-box > div {
        }
        .item-box4 .right .item{
          
          padding: 0 !important;
        }
        .item-box4 .right .item .game-name{
          font-size: 10px !important;
        }
        .pagination{
          width: 90%;
        }
      }
    </style>
  </head>
  <body>
    <!-- 导航栏开始 -->
    <nav class="navbar navbar-inverse">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button
            type="button"
            class="navbar-toggle collapsed"
            data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1"
            aria-expanded="false"
          >
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"
            ><img src="./images/logo.png" alt=""
          /></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li>
              <a href="./首页.html">首页</a>
            </li>
            <li><a href="./家族.html">Laya家族</a></li>
            <li><a href="./游戏.html">游戏</a></li>
            <li><a href="./新闻动态.html">新闻动态</a></li>
            <li><a href="#">开发者中心</a></li>
            <li><a href="#">开发者社区</a></li>
            <li><a href="#">开放平台</a></li>
            <li><a href="./关于我们.html">关于我们</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a
                href="#"
                class="dropdown-toggle"
                data-toggle="dropdown"
                role="button"
                aria-haspopup="true"
                aria-expanded="false"
                >Language <span class="caret"></span
              ></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <!-- /.navbar-collapse -->
      </div>
      <!-- /.container-fluid -->
    </nav>

    <!-- 轮播图 -->
    <div
      id="carousel-example-generic"
      class="carousel slide"
      data-ride="carousel"
    >
      <div class="container">
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="./images/banner.png" alt="..." />
          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="item-box1-bgcolor">
        <div class="container">
          <div class="item-box1 row">
            <div
              class="left wow bounceIn col-lg-8 col-md-8 col-sm-12 row"
              data-wow-offset="100"
              data-wow-delay="0.5s"
            >
              <div class="title col-lg-12">LayaFlash 引擎</div>
              <div class="subtitle col-lg-12">
                让Flash技术变成开发HTML5产品的利器
              </div>
              <div class="item-box1-box row">
                <div class="item1 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                  <div class="icon">
                    <img
                      src="./images/icon01.png"
                      style="width: 33px; margin: 4px auto"
                      alt=""
                    />
                  </div>
                  <div class="desc">
                    <div class="desc-title">快速Flash产品转换</div>
                    <div class="desc-text">
                      Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏
                    </div>
                  </div>
                </div>
                <div class="item2 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                  <div class="icon">
                    <img
                      src="./images/icon02.png"
                      style="width: 46px; margin: 9px auto"
                      alt=""
                    />
                  </div>
                  <div class="desc">
                    <div class="desc-title">LayaFlash IDE</div>
                    <div class="desc-text">
                      支持代码编译、调试、压缩与混淆
                      加密、资源转换、在线文档等功能
                    </div>
                  </div>
                </div>
                <div class="item3 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                  <div class="icon">
                    <img
                      src="./images/icon03.png"
                      style="width: 38px; margin: 10px auto"
                      alt=""
                    />
                  </div>
                  <div class="desc">
                    <div class="desc-title">HTML5零学习成本</div>
                    <div class="desc-text">
                      AS3开发者可直接使用Flash开源框 架和工具链进行开发HTML5
                    </div>
                  </div>
                </div>
                <div class="item4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                  <div class="icon">
                    <img
                      src="./images/icon04.png"
                      style="width: 47px; margin: 8px auto"
                      alt=""
                    />
                  </div>
                  <div class="desc">
                    <div class="desc-title">性能媲美APP</div>
                    <div class="desc-text">
                      LayaFlash引擎的重度游戏已运行于 QQ空间等平台，性能媲美APP
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="right wow bounceInRight col-lg-4 col-md-4"
              data-wow-offset="100"
              data-wow-delay="0.5s"
            >
              <img src="./images/001.png" alt="" />
            </div>
          </div>
        </div>
      </div>
      <div class="item-box2-bgcolor">
        <div class="container">
          <div class="item-box2">
            <div
              class="left wow rollIn col-lg-5 col-md-5"
              data-wow-delay="0.5s"
            >
              <img src="./images/002.png" alt="" />
            </div>
            <div
              class="right wow lightSpeedIn col-lg-7 col-md-7 col-sm-12"
              data-wow-delay="0.5s"
            >
              <div class="item-box2-title">Layabox 优势</div>
              <div class="item-box2-box">
                <div class="item">
                  <div class="icon">
                    <img
                      src="./images/icon05.png"
                      alt=""
                      style="width: 26px; margin: 14px auto"
                    />
                  </div>
                  <div class="text">
                    快速上手，Flash程序员3小时掌握HTML5开发
                  </div>
                </div>
                <div class="item">
                  <div class="icon">
                    <img
                      src="./images/icon06.png"
                      alt=""
                      style="width: 26px; margin: 14px auto"
                    />
                  </div>
                  <div class="text">
                    4年优化打磨，LayaPlayer运行器性能媲美APP
                  </div>
                </div>
                <div class="item">
                  <div class="icon">
                    <img
                      src="./images/icon07.png"
                      alt=""
                      style="width: 26px; margin: 14px auto"
                    />
                  </div>
                  <div class="text">
                    超5亿的LayaPlayer移动设备安装量帮助CP发行
                  </div>
                </div>
                <div class="item">
                  <div class="icon">
                    <img
                      src="./images/icon08.png"
                      alt=""
                      style="width: 26px; margin: 14px auto"
                    />
                  </div>
                  <div class="text">
                    使用LayaFlash开发大型HTML5游戏的企业超100家
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item-box3-bgcolor">
        <div class="container">
          <div class="item-box3 row">
            <div
              class="wow bounceInDown item-box3-title col-lg-12 col-md-12 col-sm-12 col-xs-12"
            >
              Layabox产品家族
            </div>
            <div
              class="item-box3-box row col-lg-12 col-md-12 col-sm-12 col-xs-12"
            >
              <div
                class="item wow bounceInLeft col-lg-6 col-md-6 col-sm-12 col-xs-12"
                data-wow-delay="0.3s"
              >
                <div class="icon"><img src="./images/icon9.png" alt="" /></div>
                <div class="desc">
                  <div class="desc-title">LayaAir</div>
                  <div class="desc-text">
                    核心库仅100K左右的新一代HTML5引擎，支
                    持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
                  </div>
                </div>
              </div>
              <div
                class="item wow bounceInRight col-lg-6 col-md-6 col-sm-12 col-xs-12"
                data-wow-delay="0.3s"
              >
                <div class="icon"><img src="./images/icon10.png" alt="" /></div>
                <div class="desc">
                  <div class="desc-title">LayaPublish</div>
                  <div class="desc-text">
                    Layabox发行业务，通过在H5产业链中的技术
                    桥梁优势，帮助CP获得流量支持。
                  </div>
                </div>
              </div>
              <div
                class="wow bounceInLeft item col-lg-6 col-md-6 col-sm-12 col-xs-12"
                data-wow-delay="0.3s"
              >
                <div class="icon"><img src="./images/icon11.png" alt="" /></div>
                <div class="desc">
                  <div class="desc-title">LayaFlash</div>
                  <div class="desc-text">
                    使用Flash AS3语言开发H5的引擎框架，可直
                    接在FB或FD中开发、调试、编译H5，也可快
                    速将Flash页游\手游转换成H5游戏。
                  </div>
                </div>
              </div>
              <div
                class="wow bounceInRight item col-lg-6 col-md-6 col-sm-12 col-xs-12"
                data-wow-delay="0.3s"
              >
                <div class="icon"><img src="./images/icon12.png" alt="" /></div>
                <div class="desc">
                  <div class="desc-title">LayaStore</div>
                  <div class="desc-text">
                    嵌入式HTML5商城，APP只需嵌入20K的SDK
                    即可以获得托管式HTML5商店服务，进入流量 获利新时代。
                  </div>
                </div>
              </div>
              <div
                class="wow bounceInLeft item col-lg-6 col-md-6 col-sm-12 col-xs-12"
                data-wow-delay="0.3s"
              >
                <div class="icon"><img src="./images/icon13.png" alt="" /></div>
                <div class="desc">
                  <div class="desc-title">LayaPlayer</div>
                  <div class="desc-text">
                    HTML5高速运行器，性能卓越、支持大型
                    HTML5游戏流畅运行，目前已植入QQ、百度
                    等20多家主流平台，安装量超5亿。
                  </div>
                </div>
              </div>
              <div
                class="wow bounceInRight item col-lg-6 col-md-6 col-sm-12 col-xs-12"
                data-wow-delay="0.3s"
              >
                <div class="icon"><img src="./images/icon14.png" alt="" /></div>
                <div class="desc">
                  <div class="desc-title">LayaOpen</div>
                  <div class="desc-text">
                    Layabox开放平台，整合了Laya提供的各项运
                    营，管理服务的服务，提供给游戏提供商和互
                    联网渠道的统一开放平台。
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item-box4-bgcolor">
        <div class="container">
          <div class="item-box4">
            <div class="item-box4-title">
              <div class="title wow bounceInLeft" data-wow-delay="0.5s">
                采用Layabox引擎的精彩游戏
              </div>
              <div class="more wow bounceInRight wow shake" data-wow-delay="1s">
                更多
              </div>
            </div>
            <div class="content-box row">
              <div
                class="left wow flipInY col-lg-5 col-md-5 col-sm-12 col-xs-12"
                
              >
                <img src="./images/003.png" alt="" />
              </div>
              <div
                class="right wow lightSpeedIn col-lg-7 col-md-7 col-sm-12 col-xs-12 row"
                
              >
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx01.png" alt="" />
                  </div>
                  <div class="game-name">猎刃</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx02.png" alt="" />
                  </div>
                  <div class="game-name">上吧主公</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx03.png" alt="" />
                  </div>
                  <div class="game-name">醉西游</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx04.png" alt="" />
                  </div>
                  <div class="game-name">魔卡幻想</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx05.png" alt="" />
                  </div>
                  <div class="game-name">超能战队</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx06.png" alt="" />
                  </div>
                  <div class="game-name">刀塔大菠萝</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx07.png" alt="" />
                  </div>
                  <div class="game-name">轰三国</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <p></p>
                    <img src="./images/yx08.png" alt="" />
                  </div>
                  <div class="game-name">迷你猎人</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx09.png" alt="" />
                  </div>
                  <div class="game-name">萌挂三国</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx10.png" alt="" />
                  </div>
                  <div class="game-name">夺塔三国</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx11.png" alt="" />
                  </div>
                  <div class="game-name">英雄争霸</div>
                </div>
                <div class="item col-lg-2 col-md-2 col-sm-2 col-xs-2">
                  <div class="game-icon">
                    <img src="./images/yx12.png" alt="" />
                  </div>
                  <div class="game-name">战争之门</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item-box5-bgcolor">
        <div class="container">
          <div class="item-box5">
            <div class="item-box5-title wow bounceInDown" data-wow-delay="0.5s">
              合作伙伴<span>（排序不分先后）</span>
            </div>
            <div class="item-box5-box row">
              <div
                class="wow bounceInLeft item col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.3s"
              >
                <img src="./images/partner01.png" alt="" />
              </div>
              <div
                class="wow bounceInLeft item col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.4s"
              >
                <img src="./images/partner02.png" alt="" />
              </div>
              <div
                class="wow bounceInLeft item col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.5s"
              >
                <img src="./images/partner03.png" alt="" />
              </div>
              <div
                class="item wow bounceInRight col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.5s"
              >
                <img src="./images/partner04.png" alt="" />
              </div>
              <div
                class="item wow bounceInRight col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.4s"
              >
                <img src="./images/partner05.png" alt="" />
              </div>
              <div
                class="item wow bounceInRight col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.3s"
              >
                <img src="./images/partner06.png" alt="" />
              </div>
              <div
                class="item wow bounceInLeft col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.3s"
              >
                <img src="./images/partner07.png" alt="" />
              </div>
              <div
                class="item wow bounceInLeft col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.4s"
              >
                <img src="./images/partner08.png" alt="" />
              </div>
              <div
                class="item wow bounceInLeft col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.5s"
              >
                <img src="./images/partner09.png" alt="" />
              </div>
              <div
                class="item wow bounceInRight col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.5s"
              >
                <img src="./images/partner10.png" alt="" />
              </div>
              <div
                class="item wow bounceInRight col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.4s"
              >
                <img src="./images/partner11.png" alt="" />
              </div>
              <div
                class="item wow bounceInRight col-lg-2 col-md-2 col-sm-3 col-xs-4"
                data-wow-delay="0.3s"
              >
                <img src="./images/partner12.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bgcolor">
        <div class="container">
          <div class="footer row">
            <div class="left col-lg-9 col-md-9 col-md-12 col-xs-12">
              <div class="nav-title">公司简介 联系方式 人才招聘</div>
              <div class="copy">
                All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
              </div>
            </div>
            <div class="right col-lg-3 col-md-3 col-md-12 col-xs-12">
              <div class="item"></div>
              <div class="item">
                <div class="qr-code"></div>
              </div>
              <div class="item"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="./js/jquery-3.7.1.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/less.min.js"></script>
  <script>
let wow = new WOW({}); 
wow.init();
  </script>
</html>
